<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	
<style type="text/css">

/* 弹窗样式设置 */
#showCommentModal {
	margin-top: 160px;
}

#showCommentHeader {
	height: 60px;
	line-height: 60px;
}

#showCommentTitle {
	font-size: 18px;
}

#showCommentTable {
	text-align: center;
}

#modal-content{
	width: 600px;
	height: 300px;
}

</style>

<!-- 按钮：用于打开模态框 -->
<!-- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#showCommentModal">
  打开模态框
</button> -->
 
<!-- 模态框 -->
<div class="modal fade" id="showCommentModal">
  <div class="modal-dialog">
    <div class="modal-content" id="modal-content">
 
      <!-- 模态框头部 -->
      <div class="modal-header" id="showCommentHeader">
        <h4 class="modal-title" id="showCommentTitle">评 价 信 息</h4>
        <button type="button" class="close" data-dismiss="modal" id="closeShowComment">&times;</button>
      </div>
 
      <!-- 模态框主体 -->
      <div class="modal-body">
		<table class="table table-hover" id="showCommentTable">
			<thead>
				<tr>
					<th>评 论 时 间</th>
					<th>评 价 等 级</th>
					<th>评 价 内 容</th>
				</tr>
			</thead>
			<tbody id="showCommentContent">
				<tr>
					<td>1</td>
					<td>1</td>
					<td>1</td>
				</tr>
			</tbody>
		</table>
      </div>
 
      <!-- 模态框底部 -->
     <!--  <div class="modal-footer">
      </div> -->
 
    </div>
  </div>
</div>

